<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>{% block title %}{% endblock %}测试管理</title>
{#    <link rel="stylesheet" href="{{ url_for('static', filename='layui/css/iview.css') }}">#}
    <link rel="stylesheet" href="{{ url_for('static', filename='css/iview.css') }}">
    <!-- import Vue.js -->
    <link rel="stylesheet"  href="{{ url_for('static', filename='iview/css/iview.css')}}">

    {% block css %}{% endblock %}

    <style>
        .ivu-layout-header {
            background: white;
        }
    </style>
</head>
<body>

<div id="app">
    <Layout>
        <i-header>
            <i-menu mode="horizontal" :theme="theme1" active-name="1">
                <menu-item name="1">
                    <i-icon type="ios-paper"></i-icon>
                    内容管理
                </menu-item>
                <menu-item name="2">
                    <i-icon type="ios-people"></i-icon>
                    用户管理
                </menu-item>
            </i-menu>
        </i-header>
        <Content>Content</Content>
    </Layout>
</div>

<script src="{{ url_for('static', filename='js/vue.min.js') }}"></script>
<script src="{{ url_for('static', filename='iview/iview.min.js') }}"></script>
<script>
    new Vue({
        el: '#app',
        data: {
            visible: false,
            theme1: 'light'
        },
        methods: {
            show: function () {
                this.visible = true;
            }
        }
    })
</script>


</body>
</html>